<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Book Store</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/style/style.css" />

<script>
	function detailsBook(id){
		window.location = '${path }/book/detailBook?bookId='+id;
	}
</script>

</head>
<body>
<div id="wrap">
  <!-- 导航栏加头 -->
  <%@ include file="../common/header.jsp" %>
  <!-- 导航栏加头 -->
     
     
       
  <!-- 中心内容 -->     
  <div class="center_content">
  	  <!-- 中间左边的内容 -->
      <div class="left_content">
      	 <!-- 精选图书 -->
         <div class="title"><span class="title_icon"><img src="${path}/images/bullet1.gif" alt="" title="" /></span>精选图书</div>
         <!-- 一本精选图书 -->
         <c:forEach var="book" items="${bestBook.books }">
         	<div>
	             <div class="feat_prod_box">
	                 <div class="prod_img"><a href="javascript:void(0)" onclick="detailsBook('${book.bookId }')"><img style='width:98px;height:150px' src="${pageContext.request.contextPath }/images/${book.imgUrl }" alt="" title="" border="0" /></a></div>
	                    <div class="prod_det_box">
	                        <div class="box_top"></div>
	                        <div class="box_center">
	                            <div class="prod_title">图书名称:&nbsp;&nbsp;${book.bookName }</div>
	                            <p class="details">作&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;者：${book.author }</p>
	                            <p class="details">出&nbsp;&nbsp;版&nbsp;&nbsp;社：人民出版社</p>
	                            <p class="details">出版日期：2001-01-01</p>
	                            <p class="details">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：${book.price }元</p>
	                            <a href="#" class="more" onclick="detailsBook('${book.bookId }')">- 更多信息 -</a>
	                            <div class="clear"></div>
	                        </div>
	                        
	                        <div class="box_bottom"></div>
	                    </div>    
	                <div class="clear"></div>
	            </div>	
	         </div>	
         </c:forEach>
         
         <!-- 一本精选图书结束 -->
         
         
            <!-- 新书 -->
           <div class="title"><span class="title_icon"><img src="${path}/images/bullet2.gif" alt="" title="" /></span>新书</div> 
           
           <div class="new_products">
           		<c:forEach var="nbook" items="${newBook.books }">
	                <div class="new_prod_box">
	                    <a href="javascript:void(0)" onclick="detailsBook('${nbook.bookId}')">${nbook.bookName }</a>
	                    <div class="new_prod_bg">
	                    <span class="new_icon"><img src="${path }/images/new_icon.gif"  alt="" title="" /></span>
	                    <a href="javascript:void(0)" onclick="detailsBook('${nbook.bookId}')"><img src="${path }/images/${nbook.imgUrl }" style="width:60px;height:90px" alt="" title="" class="thumb" border="0" /></a>
	                    </div>           
	                </div>
                </c:forEach>
            </div> 
        <div class="clear"></div>
    </div>
    <!--end of left content-->
     
    <!-- 右边内容开始 -->   
    <div class="right_content">
       <c:if test="${empty userInfo }">
       	<!-- 选择语言 -->
        <div class="languages_box">
          <span class="red">Languages:</span>
          <a href="#" class="selected"><img src="${path }/images/gb.gif" alt="" title="" border="0" /></a>
          <a href="#"><img src="${path }/images/fr.gif" alt="" title="" border="0" /></a>
          <a href="#"><img src="${path }/images/de.gif" alt="" title="" border="0" /></a>
        </div>
       	<!-- 选择货币符号 -->
        <div class="currency">
                <span class="red">Currency: </span>
                <a href="#">GBP</a>
                <a href="#">EUR</a>
                <a href="#" class="selected">USD</a>
        </div>
       </c:if>
       <c:if test="${not empty userInfo }">
       	<span style='color:red;font-size:20px'>欢迎[${userInfo.username }]光临</span>
       </c:if>
       
                
       <!-- 购物车 -->         
       <div class="cart">
          <div class="title"><span class="title_icon"><img src="${path}/images/cart.gif" alt="" title="" /></span>我的购物车</div>
          <div class="home_cart_content">
          <span id="itemCount">${cart.allcount }</span>个商品 | <span class="red">总价: ${cart.allPrice }<span id="allPrice">0</span>元</span>
          </div>
          <a href="${path }/jsp/cart/cart.jsp" class="view_cart">查看购物车</a>             
       </div>
 		
 	   <!-- 关于我们书店 -->
       <div class="title"><span class="title_icon"><img src="${path}/images/bullet3.gif" alt="" title="" /></span>关于我们书店</div> 
       <div class="about">
             <p>
             <img src="${path}/images/about.gif" alt="" title="" class="right" />
             本书店是天创集团旗下的天智教育经营的书店，开业十年来，一直与国内外五百家出版社，近千家发行单位保持着良好的合作关系。以其集文化传播、艺术鉴赏、休闲为一体的崭新经营方式、一流的购书环境及优质的服务，赢得了众多的荣誉，成为华东地区最大的集图书、音像制品、文化用品、快餐、软件开发、广告策划于一体的图书零售企业。
             </p>
             
       </div>
             
       <div class="right_box">
           <div class="title"><span class="title_icon"><img src="${path}/images/bullet4.gif" alt="" title="" /></span>推荐图书</div> 
           <c:forEach var="t" items="${tuijianBook.books }">
           <div class="new_prod_box">
               <a href="javascript:void(0)" onclick="detailsBook('${t.bookId}')">${t.bookName }</a>
               <div class="new_prod_bg">
               <span class="new_icon"><img src="${path }/images/promo_icon.gif" alt="" title="" /></span>
               <a href="javascript:void(0)" onclick="detailsBook('${t.bookId}')"><img  src="${path }/images/${t.imgUrl }" style="width:60px;height:90px" alt="" title="" class="thumb" border="0" /></a>
               </div>           
           </div>
           </c:forEach>         
      </div>
             
      <div class="right_box">
          <div class="title"><span class="title_icon"><img src="${path}/images/bullet5.gif" alt="" title="" /></span>类别</div> 
          <ul class="list">
                <li><a href="#">accesories</a></li>
                <li><a href="#">books gifts</a></li>
                <li><a href="#">specials</a></li>
                <li><a href="#">hollidays gifts</a></li>
                <li><a href="#">accesories</a></li>
                <li><a href="#">books gifts</a></li>
                <li><a href="#">specials</a></li>
                <li><a href="#">hollidays gifts</a></li>
                <li><a href="#">accesories</a></li>
                <li><a href="#">books gifts</a></li>
                <li><a href="#">specials</a></li>                                              
          </ul>
                
          <div class="title"><span class="title_icon"><img src="${path}/images/bullet6.gif" alt="" title="" /></span>合作伙伴</div> 
                
          <ul class="list">
                <li><a href="#">accesories</a></li>
                <li><a href="#">books gifts</a></li>
                <li><a href="#">specials</a></li>
                <li><a href="#">hollidays gifts</a></li>
                <li><a href="#">accesories</a></li>
                <li><a href="#">books gifts</a></li>
                <li><a href="#">specials</a></li>
                <li><a href="#">hollidays gifts</a></li>
                <li><a href="#">accesories</a></li>                              
          </ul>      
             
          </div>         
        </div><!--end of right content-->
       <div class="clear"></div>
  </div>
  <!--end of center content-->
       
  
  <!-- 网站尾部 -->            
  <%@ include file="../common/foot.jsp" %>
  <!-- 网站尾部 -->   

</div>

</body>
</html>